<!DOCTYPE html>
<html> 

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>蜜鲜森7+调护级活性纯态蜜</title>
			<link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
			<link rel="stylesheet" type="text/css" href="assets/css/flex.css" />
			<link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
			<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css" />
			<link rel="stylesheet" type="text/css" href="assets/css/skin/layer.css" />
			<link rel="stylesheet" type="text/css" href="assets/css/jquery.fullPage.css"/>
			<link rel="stylesheet" type="text/css" href="assets/css/app_new.css" />
			<script>
				console.time("test");
				/*
				    # 按照宽高比例设定html字体, width=device-width initial-scale=1版
				    # @pargam win 窗口window对象
				    # @pargam option{
				      designWidth: 设计稿宽度，必须
				      designHeight: 设计稿高度，不传的话则比例按照宽度来计算，可选
				      designFontSize: 设计稿宽高下用于计算的字体大小，默认20，可选
				      callback: 字体计算之后的回调函数，可选
				    }
				    # return Boolean;
				    # xiaoweili@tencent.com
				    # ps:请尽量第一时间运行此js计算字体
				*/
				! function(win, option) {
					var count = 0,
						designWidth = option.designWidth,
						designHeight = option.designHeight || 0,
						designFontSize = option.designFontSize || 20,
						callback = option.callback || null,
						root = document.documentElement,
						body = document.body,
						rootWidth, newSize, t, self;
					root.style.width = '100%';
					//返回root元素字体计算结果
					function _getNewFontSize() {
						var scale = designHeight !== 0 ? Math.min(win.innerWidth / designWidth, win.innerHeight / designHeight) : win.innerWidth / designWidth;
						console.log(win.innerHeight,designHeight);
						return parseInt(scale * 10000 * designFontSize) / 10000;
					}! function() {
						rootWidth = root.getBoundingClientRect().width;
						self = self ? self : arguments.callee;
						//如果此时屏幕宽度不准确，就尝试再次获取分辨率，只尝试20次，否则使用win.innerWidth计算
						if(rootWidth !== win.innerWidth && count < 20) {
							win.setTimeout(function() {
								count++;
								self();
							}, 0);
						} else {
							newSize = _getNewFontSize();
							//如果css已经兼容当前分辨率就不管了
							if(newSize + 'px' !== getComputedStyle(root)['font-size']) {
								root.style.fontSize = newSize + "px";
								return callback && callback(newSize);
							};
						};
					}();
					//横竖屏切换的时候改变fontSize，根据需要选择使用
					win.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
						clearTimeout(t);
						t = setTimeout(function() {
							self();
						}, 300);
					}, false);
				}(window, {
					designWidth: 1920,
					designHeight: 1080,
					designFontSize: 100,
					callback: function(argument) {
						console.timeEnd("test")
					}
				});
			</script>
	</head>

	<body class="fm-pro">
		<div class="fm-content">
			<div class="fm-page fm-page-1" anim="{'name':'fadeIn'}">
				<div class="bd">
					<div class="slide">
						<img src="assets/img_new/001.png" class="img001" />
						<img src="assets/img_new/002.png" class="img002" />
					</div>
					<div class="slide">
						<img src="assets/img_new/003.jpg" class="img003" />
						<img src="assets/img_new/002.png" class="img002" />
					</div>
				</div>
				<div class="hd">
					<ul>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
		<script src="assets/js/require.js"></script>
		<script>
			require(['app'], function(app) {
				'use strict';
				new app().init();
			});
		</script>
</html>